import { useEffect, useState } from "react";
// 所有hooks函数都是以use开头
export default function App() {
    // 1. componentDidMount
    // 2. componentDidUpdate
    // 3. componentWillUnMount
    const [count, setCount] = useState(0);
    // 第一种用法
    // 第一个参数传函数，第二参数不传值： componentDidMount + componentDidUpdate;

    // useEffect(() => {
    //     console.log("我触发了");
    // });
    // 第二种用法
    // 第一个参数传函数，第二个参数传空数组：componentDidMount
    // 可以在第二种写法中请求接口，获取dom元素
    useEffect(() => {
        console.log("我又触发了");
        // console.log(document.getElementById("p"));
    }, []);
    return (
        <div>
            <p id="p">count: {count}</p>
            <button
                onClick={() => {
                    setCount(count + 1);
                }}>
                count + 1
            </button>
        </div>
    );
}
